<template>
	<view>
		<view class="show_view" style="width: 100%;">
			<image class="titleimg" lazy-load="true" mode='aspectFill' :src="titleimg"></image>
		</view>
		<view class="shadow box" style="height: 490px; width: 90%;">
			<view style="width: 100%; text-align: center;margin-top: 20px;">
				<view class="img2">
					<view class="img1">
						<image class="img" lazy-load="true" mode='aspectFill' :src="avatarUrl"></image>
					</view>
				</view>
				<view style="margin-top: 15px;">
					<view style="font-size: 14px; color: #999999;">uid:{{uid}}</view>
				</view>
								    
			</view>
			<view style="width: 100%; margin-top: 20px;">
				 <uni-list>
				    <uni-list-item :show-extra-icon="true" :extra-icon="extraIcon1" title="我的活动" link @click="" style="height: 70px;"></uni-list-item>
					<uni-list-item :show-extra-icon="true" :extra-icon="extraIcon2" title="我的通知" link @click="" style="height: 70px;"></uni-list-item>
					<uni-list-item :show-extra-icon="true" :extra-icon="extraIcon3" title="修改密码" link @click="changeclick()" style="height: 70px;"></uni-list-item>
					<uni-list-item :show-extra-icon="true" :extra-icon="extraIcon4" title="退出登录" link @click="goto_login" style="height: 70px;"></uni-list-item>
				</uni-list>
			</view>
			
		</view>
		
		
	</view>
</template>

<script>

export default {
	data() {
		return {
			titleimg:'../../../static/img/usertitle1.png',
			httpurl: getApp().globalData.weburl, //app.vue中定义的全局变量，运行前请前往修改
			avatarUrl: 'https://img2.baidu.com/it/u=1166694465,1607523701&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500',
			username:getApp().globalData.name,
			uid:getApp().globalData.userid,
			student:{},
			getfinish:false,
			extraIcon1:{
				color: '#0f80ff',
				size: '26',
				type: 'wallet'
			},
			extraIcon2:{
				color: '#0f80ff',
				size: '26',
				type: 'staff'
			},
			extraIcon3:{
				color: '#0f80ff',
				size: '26',
				type: 'star'
			},
			extraIcon4:{
				color: '#0f80ff',
				size: '26',
				type: 'help'
			},
		}
	},
	created(){
		
	},
	onPullDownRefresh() {
		console.log('下拉刷新');
		setTimeout(function () {
			uni.stopPullDownRefresh();
		}, 500);
	},
	methods: {
		changeclick(){
			//导向导师审批页面
			console.log("转到修改密码界面");
			uni.navigateTo({
				url:'./changePassword/changePassword'
			});
		},
		
		goto_login(){
			uni.redirectTo({
				url: "../../index/index"
			});
		}
		
	}
}
</script>

<style>
.show_view{
	position:relative;
	margin:0 auto; 
}
.titleimg{
	width: 100%;
	height: 280px;
}
.shadow-lg{ box-shadow: 0 20upx 40upx rgba(0, 0, 0, 0.16);}
.shadow{
	box-shadow: 0 6upx 30upx rgba(0, 0, 0, 0.15);
}
.box{
	//重点是以下规则
	position:absolute;
	top:150px;
	left:0px;
	bottom:0px;
	right:0px;
	margin:auto;
	border-radius: 15px;
	background-color: #ffffff;
}
.img{
	width: 60px; 
	height: 60px; 
	border-radius: 50px;
	position:relative;
	top:2.5px;
	left:0px;
	bottom:0px;
	right:0px;
	margin:auto;
}
.img1{
	width: 65px; 
	height: 65px; 
	border-radius: 50px;
	background-color: #ffffff;
	position:relative;
	top:2.5px;
	left:0px;
	bottom:0px;
	right:0px;
	margin:auto;
	 box-shadow: 0 2upx 12upx rgba(0, 0, 0, 0.15);
}
.img2{
	width: 70px;
	height: 70px; 
	border-radius: 50px;
	border: #0d6ad9 0.8px solid;
	position:relative;
	top:5px;
	left:0px;
	bottom:0px;
	right:0px;
	margin:auto;
	box-shadow: 0 2upx 12upx rgba(0, 0, 0, 0.15);
}
</style>
